<!--
 * @Author: 追逐的娃 kangchao_php@163.com
 * @Date: 2024-10-31 14:25:27
 * @LastEditors: kangchao kangchao@sxdata.com.cn
 * @LastEditTime: 2024-12-06 14:46:52
 * @FilePath: \vue-project\src\components\JsLibs\PlubBox.vue
 * @Description: 
 * 
-->
<template>
  <a-modal
    class="animate__animated animate__slideInDown"
    v-model:visible="visible"
    :title="`${title}插件`"
  >
    <OrgchartJs v-if="title == 'orgchart'"/>
    <template #footer>
      <div class="flex justify-center">
        <a-button @click="close">关闭弹窗</a-button>
      </div>
    </template>
  </a-modal>
</template>

<script setup>
import { ref } from 'vue'
import OrgchartJs from './OrgchartJs.vue'

const props = defineProps({
  title: {
    type: String,
    default: ''
  }
})

const visible = ref(false)

const open = () => {
  visible.value = true
}
const close = () => {
  visible.value = false
}

defineExpose({
  open,
  close
})
</script>

<style lang="scss" scoped>
</style>